﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Wap/Shop/ShopSite.Master" AutoEventWireup="true" CodeBehind="ShoppingCart.aspx.cs" Inherits="ZLCMS.Web.Wap.Shop.ShoppingCartX" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
	<title>我的购物车</title>
 <style type="text/css">
    #mypage .my_cart .ui-checkbox .ui-btn{ background:none; border:none; margin-top:90%; }
	#mypage .ui-checkbox .ui-btn{ background:#fff; border:1px solid #fff;}
	#mypage .my_cart .ui-checkbox .ui-btn.ui-checkbox-off{ background:#fff; }
	.my_cart .ui-btn-icon-left{ padding-left:0px;}
	.ui-input-text{ box-shadow:none; margin:0; border:none; border-radius:0; height:23px; line-height:23px;}
	.ui-input-text input{ text-align:center;}
	.cart_footer .ui-checkbox input{ display:none;}
	.n1,.n2{ float:left; margin-right:5px;}
	#mypage .num .ui-input-text{ height:26px;}
	#mypage .num a{ height:26px; line-height:20px;}
	#mypage .num .ui-input-text input{ min-height:26px; height:26px;}
	.promotionGroup{border-bottom: 1px dashed #eee;}
    .givePresent{background: #fff;font-size:12px;color: #666; display:flex;align-items: center;width: 100%;justify-content: space-between;flex-wrap: wrap;}
    .givePresent .give{color: #fff; background:#9A9A9A; display: inline-block; width: 44px;height: 25px; font-size:12px;border-radius: 5px;-moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        float: left;
        text-align: center;
        line-height: 25px;
        position: relative;
        top:0px;
        left: 12px;
    }
      .givePresent .active{background:#1EA2FE;} 
        .givePresent .man{ float: left;height: auto!important; padding: 10px 5px;display: flex;align-items: center; flex-wrap: wrap;text-align:left;}
        .givePresent .man .man_bord{color:#F9384D;margin-right: 3px;}
        .givePresent a{float: right; color:#1ea2fe;font-weight: normal;margin-right:15px; line-height: normal!important;}
        @media screen and (max-width:360px){
        .givePresent .give{width: 37px;height: 20px;   
            line-height: 20px;
             position: relative;
            top:0px;
            left: 10px;
            font-size:11px;
        }
        .givePresent .man{margin-left:22px;}
        .givePresent a{margin-right:15px;}
        }
          @media screen and (max-width:340px){
        .givePresent .man{margin-left:15px;}
        .givePresent a{margin-right:8px;}
        }
         @media screen and (max-width:320px){
           .givePresent .give{width: 40px;  font-size:12px;
                              
           }
        }
        .givePresent .man{width: 60%; line-height: 14px;}
        .ui-page-theme-a a:visited, html .ui-bar-a a:visited, html .ui-body-a a:visited, html body .ui-group-theme-a a:visited{color: #1ea2fe!important;}
        #mypage .ui-footer{border-top: 1px solid #eee;}
        #mypage .cart_footer #cartbtn{width:75px;padding:0px 5px;text-align: center;border-radius: 3px; height: 35px;line-height:35px;font-size: 16px;margin:5px 1em 5px 0;}
        .promotionGroup  .addfee{width: 100%;padding:5px 15px;font-size: 13px;overflow:hidden;border-top:1px dashed #f7f7f7;border-bottom:1px dashed #f7f7f7;line-height: 15px;}
        .promotionGroup .addfee p{
            min-width:45%;
            float:left;
            font-size: 12px;
            color:#999;
=        }
        .my_cart{
            border-bottom: 1px dashed #eee;
        }
        .znqtips{padding: 4px 5px;line-height:16px;background: #fff;border-bottom: 1px dashed #eee;color: #f9384d;font-size: 13px;padding-left: 10px;width: 100%;box-sizing: border-box;}

        /*背景禁用*/
       #mypage a.carbtnNo{ background: #ccc;}
       .promotionGroup .my_cart:last-child{ border-bottom: 9px solid #eee!important;}
        #mypage .big_header{color:#828283;text-align:left; padding: 0.5em 0.8em 0.5em 0.8em;display:none;font-size:12px;background: #fee7b3;}
        #mypage  .header_p{  float: left; margin-top: 0.5em; margin-right: 0.5em;}
         @media screen and (min-width:492px){
           #mypage  .header_p{ margin-top: 0;}
           }
        } 
        
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="pages" runat="server">

<!--S page -->
<div data-role="page" id="mypage">
	<div class="big_header"><p class="header_p"><img src="images/ti.png" /></p><p>温馨提示:由于微信支付限制,订单总金额不能超过3000元,请分开下单,谢谢您的合作。</p></div>
   <%-- <img src="images/Common.jpg" style="display:block;width:100%;">
    <p class="znqtips">【温馨提示】店庆期间优惠数量有限,以下单享受优惠为准,欲购从速!</p>
--%>
	<!--S header -->
	<div data-role="header" style="display:none;">    
	</div>
    <!--E header -->
	
    <!--S content -->
	<div role="main" class="ui-content">
        
		<!--s my_cart-->
        <div class="listviewHandler">
        
        </div>
        <!--e my_cart-->
               

<%--<div class="givePresent">
                 <span class="give">赠送</span>
                   <span class="man">满100，&nbsp;获得筷子一双&nbsp;,&nbsp;&nbsp;<span class="man_bord">已满足</span></span>
                  <a href="#">查看活动></a>
                </div>--%>
<%-- 
        <div class="listviewTwo">
              
          <div class="my_cart"><div class="input"><div class="ui-checkbox"><label class="ui-btn ui-corner-all ui-btn-inherit ui-btn-icon-left ui-checkbox-on">  </label><input type="checkbox" onchange="updateAll();" sel="030803127701_68_71_73_"></div> </div><div class="left"><img src="http://192.168.2.63:1024/res/test/0c469432b18b4a4f9d9e7eddbd185e35.png"></div><div class="center"> <h2>压力测试001<span>【红】</span><span>【大】</span><span>【1件】</span></h2> <p>单价：<span>￥800</span></p><div class="cart_num"><div class="num"><div class="n2"><a href="#" id="min1" onclick="increaseNumber(-1,'030803127701_68_71_73_')" class="ui-link">-</a><div class="ui-input-text ui-body-inherit ui-corner-all ui-shadow-inset"><input unitprice="800" type="text" value="7" name="030803127701_68_71_73_" id="text_box1" onblur="setNumber('030803127701_68_71_73_')"></div><a href="#" id="add1" onclick="increaseNumber(1,'030803127701_68_71_73_')" class="ui-link">+</a></div></div></div> </div> <div class="right"><a href="ProductDetail.aspx?no=030803127701" data-ajax="false" class="ui-link"><img src="images/usercenter_righticon.png"></a></div><div class="clear"></div> </div>
           <div class="my_cart"><div class="input"><div class="ui-checkbox"><label class="ui-btn ui-corner-all ui-btn-inherit ui-btn-icon-left ui-checkbox-on">  </label><input type="checkbox" onchange="updateAll();" sel="030803127701_68_71_73_"></div> </div><div class="left"><img src="http://192.168.2.63:1024/res/test/0c469432b18b4a4f9d9e7eddbd185e35.png"></div><div class="center"> <h2>压力测试001<span>【红】</span><span>【大】</span><span>【1件】</span></h2> <p>单价：<span>￥800</span></p><div class="cart_num"><div class="num"><div class="n2"><a href="#" id="A1" onclick="increaseNumber(-1,'030803127701_68_71_73_')" class="ui-link">-</a><div class="ui-input-text ui-body-inherit ui-corner-all ui-shadow-inset"><input unitprice="800" type="text" value="7" name="030803127701_68_71_73_" id="text1" onblur="setNumber('030803127701_68_71_73_')"></div><a href="#" id="a2" onclick="increaseNumber(1,'030803127701_68_71_73_')" class="ui-link">+</a></div></div></div> </div> <div class="right"><a href="ProductDetail.aspx?no=030803127701" data-ajax="false" class="ui-link"><img src="images/usercenter_righticon.png"></a></div><div class="clear"></div> </div>
          </div>--%>
     
     
        <div class="cart_delete" style="display:none"><a href="#" onclick="removeProduct($(this));"><img src="images/cart_delete.png">删除勾选商品</a></div>
      
 	</div>
    <!--E content  	#mypage .my_cart .ui-checkbox .ui-btn.ui-checkbox-off{ background:#fff; }-->
     
	  
    <!--S footer -->
	<div data-role="footer" data-position="fixed" data-tap-toggle="false">
 
    	<div class="cart_footer">
    	<table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="25%" align="center">
                <label>
                <input id="selAll" onchange="$('input[sel]').prop('checked',$(this).prop('checked')).checkboxradio('refresh');updateAll();" type="checkbox"/>全选
                </label>
                    
            </td>
            <td align="left">
            	<h2>总计：<span>￥</span><span id="totalPrice">0</span></h2>
                <p><span id="totalZhe" style="font-size:12px">(已优惠:￥0.00)</span></p>
            </td>
            <td style="width:70px"><a href="#" class="cartbtn shopbtn" id="cartbtn" onclick="submitOrder($(this));">结算</a></td>
          </tr>
        </table>
        </div>
    </div>
    <!--E footer -->
</div>
<!--E page -->
<script>
    var _hmt = _hmt || [];
</script>
<script src="/wap/lib/common/listviewHandler.js" type="text/javascript"></script>
<script src="js/shoppingcart.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $.cookie('After', $.cookie('CurrentPage'));
        $.cookie('CurrentPage', 'shoppingcart');
        var After = $.cookie('After');
        var Current = $.cookie('CurrentPage');
        //保存统计记录
        var path = 'shoppingcart|path|' + Current + '|' + After;
        _hmt.push(['_trackEvent', path, 'enter', 'shoppingcart']);
        _hmt.push(['_trackEvent', 'page', 'view', 'shoppingcart']);
    });
</script>

</asp:Content>
